<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <h:body>
        <ui:composition template="template.xhtml">
            <ui:define name="tituloJanela">
                #{msgs.logo}
            </ui:define>
            <ui:define name="conteudo">
                <div id="content">
                    <h2 class="title"><a href="#">#{msgs.releases}</a></h2>
                    <div id="galeria">
                        <p:imageSwitch effect="fade" styleClass="g1">  
                            <ui:repeat value="#{galleriaBean.lancamentosPc}" var="image">  
                                <p:graphicImage value="#{image}" width="113px" height="160px"/> 
                            </ui:repeat>  
                        </p:imageSwitch>
                        <p:imageSwitch effect="fade" styleClass="g1">  
                            <ui:repeat value="#{galleriaBean.lancamentosPlay}" var="image">  
                                <p:graphicImage value="#{image}" width="113px" height="160px" /> 
                            </ui:repeat>  
                        </p:imageSwitch>
                        <p:imageSwitch effect="fade" styleClass="g1">  
                            <ui:repeat value="#{galleriaBean.lancamentosXbox}" var="image">  
                                <p:graphicImage value="#{image}" width="113px" height="160px" /> 
                            </ui:repeat>  
                        </p:imageSwitch>
                        <p:imageSwitch effect="fade" styleClass="g1">  
                            <ui:repeat value="#{galleriaBean.lancamentosWii}" var="image">  
                                <p:graphicImage value="#{image}" width="113px" height="160px" /> 
                            </ui:repeat>  
                        </p:imageSwitch>
                    </div>
                    <div style="clear:both"></div>
                    <div class="post">
                        <h2 class="title"><a href="#">#{msgs.blog1}</a></h2>
                        <p class="meta"><span class="date">#{msgs.date1}</span></p>
                        <div style="clear: both;"></div>
                        <div class="entry">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, lacus vitae mollis accumsan, leo lacus porta sapien, eget dictum metus lectus ac dolor. Cras pulvinar luctus nulla, nec aliquet leo pulvinar id. Aliquam sit amet rutrum ipsum. Vestibulum fringilla vel sem nec sagittis. Suspendisse mollis dui molestie suscipit viverra. Ut sagittis nibh ante, ut placerat mauris luctus vitae. Mauris lobortis, lacus id accumsan tempus, elit nunc adipiscing metus, in accumsan arcu ligula vitae nibh. Suspendisse volutpat eleifend ante eget dignissim. Proin cursus ante eget dui consectetur interdum. Ut ut consequat velit, vel tincidunt metus.</p>
                        </div>
                    </div>
                    <div style="clear: both;"></div>
                </div>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
